@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/Email Manager/Pages/Authentication/Login.razor.rz.scp.css */
.app-icon img[b-dgl3p7xa7o] {
    width: 100%;
    margin: 4px 0 14px 0;
}
.barcode-icon img[b-dgl3p7xa7o] {
    width: 100%;
}
[b-dgl3p7xa7o] .login-wrap {
    margin: 12% auto 0;
}
.login-text[b-dgl3p7xa7o] {
    font-size: 14px;
    text-align: justify;
}
.login-input[b-dgl3p7xa7o] {
    position: relative;
}
.btn-close-div[b-dgl3p7xa7o] {
    position: absolute;
    top: 10px;
    right: 6px;
    font-size: 10px;
}
[b-dgl3p7xa7o] .authentication .form-control {
    font-size: 14px;
    text-align: center;
    border-radius: 0;
}
.Authenticator[b-dgl3p7xa7o] {
    font-size: 14px;
}
.check-label-text[b-dgl3p7xa7o] {
    font-size: 14px;
}
.sign-in-div[b-dgl3p7xa7o]{
    text-align: center;
    margin: 6px 0;
}

@media (max-width: 780px) {
}
/* _content/Email Manager/Pages/Index.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

*[b-fpspfcfaji] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

header[b-fpspfcfaji] {
    color: #fff;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #4e6d9c;
    padding: 0;
}

header .container-fluid[b-fpspfcfaji] {
    padding-top: 20px;
    padding-bottom: 10px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .container-fluid h2[b-fpspfcfaji] {
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

i.fas.fa-bars[b-fpspfcfaji] {
    font-size: 28px;
}

.log-btn-div[b-fpspfcfaji] {
    /*padding-left: 74px;*/
    text-align: right;
}

.log-btn[b-fpspfcfaji] {
    width: 30px;
    height: 30px;
    padding: 4px 8px;
    border-radius: 50%;
    /*display: block;*/
    background-color: #a7ceed;
}

.dropdown:hover .dropdown-menu[b-fpspfcfaji] {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

.navbar-nav li > a[b-fpspfcfaji] {
    color: #383838;
    font-size: 14px;
}

.navbar-nav .dropdown-menu[b-fpspfcfaji] {
    background-color: rgba(0,0,0,0.4);
}

.navbar-nav .dropdown-item:hover[b-fpspfcfaji] {
    background-color: rgba(0,0,102,0.4);
    color: #636363;
}

.nav-link:focus[b-fpspfcfaji], .nav-link:hover[b-fpspfcfaji] {
    color: #636363;
}

.nav-link[b-fpspfcfaji] {
    text-align: center;
    align-items: center;
}

.nav-link img[b-fpspfcfaji] {
    width: 42px;
    display: block;
    margin: 0 auto;
}
/*.nav-link span{
	display: block;
	font-size: 12px;
}*/
.hamburger[b-fpspfcfaji] {
    position: relative;
    display: block;
    width: 30px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    outline: none;
    border: none
}

.hamburger .bar[b-fpspfcfaji], .hamburger[b-fpspfcfaji]:after, .hamburger[b-fpspfcfaji]:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #FFF;
    margin: 6px 0px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.hamburger.is-active[b-fpspfcfaji]:before {
    -webkit-transform: rotate(-45deg) translate(-8px, 6px);
    transform: rotate(-45deg) translate(-8px, 6px)
}

.hamburger.is-active[b-fpspfcfaji]:after {
    -webkit-transform: rotate(45deg) translate(-9px, -8px);
    transform: rotate(45deg) translate(-9px, -8px)
}

.hamburger.is-active .bar[b-fpspfcfaji] {
    opacity: 0
}

/*modal style*/
.modal[b-fpspfcfaji] {
    width: 100% !important;
    --bs-modal-margin: 0 !important;
    height: 100vh !important;
}

.modal-body[b-fpspfcfaji] {
    padding: 0 0.5rem 0.5rem 0.5rem !important;
}

.modal-dialog[b-fpspfcfaji] {
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}

.modal-dialog .modal-content[b-fpspfcfaji] {
    background-color: #06223f;
    height: 100vh !important;
    overflow: auto;
    border-radius: 0;
}

#popupLogout .modal-dialog[b-fpspfcfaji] {
    margin-right: 20px;
    margin-top: 70px;
    width: 400px;
    position: fixed;
    right: 115px;
}


#popupLogout .modal-dialog .modal-content[b-fpspfcfaji] {
    background-color: #dddddd;
    height: 100px !important;
    overflow: auto;
    border-radius: 0;
    box-shadow: 1px 1px 2px #7d7d7d;
}

#popupLogout .modal-dialog .modal-header[b-fpspfcfaji] {
    color: #000;
    padding: 0 20px;
}

#popupLogout .modal-dialog .modal-header .modal-title[b-fpspfcfaji] {
    font-size: 14px;
    font-weight: 600;
}

.modal-dialog .modal-header[b-fpspfcfaji],
.modal-dialog .modal-footer[b-fpspfcfaji] {
    border: none;
}

.modal-header[b-fpspfcfaji] {
    margin-top: 10px;
    margin-right: 0px;
}

.modal-header .btn-secondary[b-fpspfcfaji] {
    background-color: transparent;
    border: none;
    font-size: 25px;
}

.modal.fade:not(.in).right .modal-dialog[b-fpspfcfaji] {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

/*end modal style*/

.text-bg-dark[b-fpspfcfaji] {
    color: #ffffff !important;
    background-color: #4e6d9c !important;
}

.sidebar-item[b-fpspfcfaji] {
    position: relative;
}

a.sidebar-link[b-fpspfcfaji] {
    padding: .5rem 0.5rem;
    color: #fff;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
    text-decoration: none;
}

a.sidebar-link span[b-fpspfcfaji] {
    color: #383838;
    font-size: 1rem;
    font-weight: 400;
}

.navbar-nav li > a.mobile-menu[b-fpspfcfaji] {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
}

a.sidebar-link span.mobile-menu[b-fpspfcfaji] {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
}

.mobile-menu-close-btn .fa-times[b-fpspfcfaji]:before {
    content: "\f00d";
    font-size: 18px;
    color: #fbfbfb;
}

a.sidebar-link span i.fas[b-fpspfcfaji] {
    margin-right: 10px;
}

a.sidebar-link:hover[b-fpspfcfaji] {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #3b7ddd;
}

.sidebar-link[data-bs-toggle="collapse"][b-fpspfcfaji]::after {
    border: solid;
    border-width: 0 .2rem .2rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

.rotate-expand-icon[b-fpspfcfaji]::after {
    transform: rotate(45deg) !important;
    transition: all .2s ease-out;
}

.sidebar-link[data-bs-toggle="collapse"].collapsed[b-fpspfcfaji]::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}

/*end right side menu*/

/*start off canvas*/
.fa-times[b-fpspfcfaji]:before {
    content: "\f00d";
    font-size: 18px;
    color: #000;
}
/*end off canvas*/

/*new style start*/
/*header start*/

.side-menu[b-fpspfcfaji] {
    transform: rotate(90deg);
    color: #fff;
    background-color: transparent;
    border: none;
}


/*Start tab area*/
div#nav-tab[b-fpspfcfaji] {
    background-color: #4e6d9c;
}

.nav-tabs .nav-link[b-fpspfcfaji] {
    color: #fff;
    border-radius: 0;
    border: none;
    width: 80px;
    height: 40px;
}

.nav-tabs .nav-link:hover[b-fpspfcfaji] {
    border-radius: 0;
    border: none;
}

.nav-tabs .nav-link.active[b-fpspfcfaji] {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    border-radius: 0;
    border: none;
}

.tab_main[b-fpspfcfaji] {
    background-color: #dcdcdc;
    padding: 0;
    margin: 0;
}

.every-col[b-fpspfcfaji] {
    height: 100px;
    position: relative;
}

.default-col[b-fpspfcfaji] {
    font-size: 12px;
}
.col-head-div[b-fpspfcfaji]{
    display: block;
}
.col-head[b-fpspfcfaji] {
    font-size: 12px;
    text-align: center;
    padding: 2px 0;
    margin-top: 5px;
}

.clear[b-fpspfcfaji] {
    display: block;
    clear: both;
}
.mobile-view label[b-fpspfcfaji]{
    display: block;
}
/*--------------email middle section---------------*/
.email-section-main[b-fpspfcfaji] {
    /*background-color: bisque;*/
    height: calc(100vh - 226px);
}

/*---------start email edit section-------------*/

.email-edit-section-main[b-fpspfcfaji] {
    background-color: #ecf3f5;
    margin-top: 2px;
    /*height: 466px;*/
    height: calc(100vh - 360px);
    overflow: auto;
}
.email-edit-section-main p[b-fpspfcfaji] {
        padding: 50px 0;
}
.email-main[b-fpspfcfaji] {
    width: calc(100% - 60px);
    height: calc(100vh - 226px);
    position: relative;
}
.email-main-inside[b-fpspfcfaji] {
    background-color: #f0f0f0;
    padding-right: 2px;
    box-shadow: 1px 1px 2px #7d7d7d;
}
.middle-section-main[b-fpspfcfaji]{
    height: 132px;
}
.middle-section-head[b-fpspfcfaji] {
    height: 25px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 2px #7d7d7d;
    position: relative;
}

.right-align[b-fpspfcfaji] {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 2px;
    padding: 0.18em;
    text-align: center;
    transform: translate(0%, -50%);
    border-radius: 0;
}

.btn-close[b-fpspfcfaji] {
    box-sizing: content-box;
    width: 6px;
    height: 6px;
    padding: 5px;
    margin: 2px;
}

.btn-email[b-fpspfcfaji] {
    padding: 4px 30px;
    border: none;
    box-shadow: 1px 1px 2px #7d7d7d;
}

.btn-email img[b-fpspfcfaji] {
        width: 50px;
 }

.send-btn[b-fpspfcfaji] {
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 0;
}
[b-fpspfcfaji] .e-menu-container {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 2px;
    box-shadow: 1px 1px 2px #7d7d7d;
    text-align: center;
}
[b-fpspfcfaji] .e-menu-container ul .e-menu-item.e-menu-caret-icon {
    padding: 0 30px 0 15px !important;
}
[b-fpspfcfaji] .e-menu-container .e-menu .e-menu-item.e-selected {
    background-color: transparent !important;
}
[b-fpspfcfaji] .btn-form {
    font-size: 14px;
    /*width: 114px;*/
    display: block;
    padding: 4px 0;
    margin-bottom: 2px;
    margin-top: 2px;
    border: none;
}

.btn-to[b-fpspfcfaji] {
    font-size: 14px;
    width: 78px;
    display: block;
    padding: 4px 0;
    margin: 2px 0;
    border: none;
    box-shadow: 1px 1px 2px #7d7d7d;
}

.btn-caret[b-fpspfcfaji] {
    padding: 0 6px;
    display: block;
    margin-bottom: 2px;
    margin-top: 2px;
    border: none;
    box-shadow: 1px 1px 2px #7d7d7d;
}
[b-fpspfcfaji] .form-btn-div .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu {
    position: relative;
    padding: 0 0.25rem;
    min-width: 18rem !important;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu:hover {
    background-color: #ceddf5;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu a {
    color: #000;
    text-decoration: none !important;
    padding: 0;
}
[b-fpspfcfaji] .form-btn-div .dropdown-menu li .dropdown-item{
    padding: 0.25rem 1.5rem !important;
}
[b-fpspfcfaji] .form-btn-div .dropdown-menu li:hover .dropdown-item {
    background-color: #ceddf5;
}

[b-fpspfcfaji] .fa.fa-caret-right {
    position: absolute;
    right: 10px;
    font-size: 16px;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu .dropdown-menu {
    width: 275px;
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu:hover .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: block;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu .dropdown-menu li {
    padding: 0.25rem 1rem;
}

[b-fpspfcfaji] .form-btn-div .dropdown-submenu .dropdown-menu li:hover {
    background-color: #ceddf5;
}
/*--------------side menu----------------*/
.side-menu-col[b-fpspfcfaji] {
    position: relative;
    background-color: #f0f0f0;
    /*height: 599px;*/
    height: calc(100vh - 226px);
    max-width: 30px;
    display: block;
    box-shadow: 1px 1px 2px #7d7d7d;
}

.side-menu-fields-btn[b-fpspfcfaji] {
    position: absolute;
    top: 24px;
    left: -20px;
    transform: rotate(90deg);
    color: #383838;
    background-color: #dcdcdc;
    border: none;
    padding: 1px 14px;
    box-shadow: 1px 1px 0 #7d7d7d;
}

.side-menu-widgets-btn[b-fpspfcfaji] {
    position: absolute;
    top: 108px;
    left: -28px;
    transform: rotate(90deg);
    color: #383838;
    background-color: #dcdcdc;
    border: none;
    padding: 1px 14px;
    box-shadow: 1px 1px 0 #7d7d7d;
}

.side-menu-images-btn[b-fpspfcfaji] {
    position: absolute;
    top: 196px;
    left: -26px;
    transform: rotate(90deg);
    color: #383838;
    background-color: #dcdcdc;
    border: none;
    padding: 1px 14px;
    box-shadow: 1px 1px 0 #7d7d7d;
}

.side-menu-property-btn[b-fpspfcfaji] {
    position: absolute;
    top: 39px;
    right: -36px;
    transform: rotate(90deg);
    color: #383838;
    background-color: #dcdcdc;
    border: none;
    padding: 1px 14px;
    box-shadow: 1px 1px 0 #7d7d7d;
}

.offcanvas[b-fpspfcfaji] {
    /*height: 100vh;*/
    height: 100%;
    bottom: inherit;
}
    /*.offcanvas.offcanvas-start {
    top: 338px;
    left: 38px;
	background-color:#dcdcdc !important;
}*/
.offcanvas.side-left-menu[b-fpspfcfaji] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dcdcdc !important;
}

.offcanvas.side-right-menu[b-fpspfcfaji] {
    /*position: absolute;
    top: 0;
    right: 0;*/
    background-color: #dcdcdc !important;
}
.offcanvas.offcanvas-end[b-fpspfcfaji] {
    top: 226px;
 }

.offcanvas-body[b-fpspfcfaji] {
    position: relative;
}

.end-section[b-fpspfcfaji] {
    height: 25px;
    background-color: #dcdcdc;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 2px #7d7d7d;
    position: relative;
}

.btn-close-div[b-fpspfcfaji] {
    text-align: right;
    color: #000;
}

.btn-close-div button.btn[b-fpspfcfaji] {
    border: none;
}
/*.offcanvas-header{
	width: 100%;
	height: 30px;
    background-color: #dcdcdc;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 2px #7d7d7d;
	text-align: left;
	display: flex;
    padding: 4px 0 0 8px;
}*/
.side-menu-head[b-fpspfcfaji] {
    width: 100%;
    height: 30px;
    background-color: #dcdcdc;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 1px 2px #7d7d7d;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    display: flex;
    padding: 4px 0 0 8px;
}

.side-menu-head h3[b-fpspfcfaji] {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.side-menu-main[b-fpspfcfaji] {
    margin-top: 20px;
}

.email-btn-w[b-fpspfcfaji] {
    /*width: 132px;*/
}

.email-input-w-cal[b-fpspfcfaji] {
    width: calc(100% - 132px);
}

/*---------new style for icon menu-------------*/
.top-icon-menu-main[b-fpspfcfaji] {
    height: 126px;
    /*background-color: bisque;*/
}
.menu-display[b-fpspfcfaji] {
    display: flex;
    text-align: center;
}

.menu-display img[b-fpspfcfaji] {
    width: 100%;
    width: 42px;
    padding: 0 4px;
}

.icon-menu[b-fpspfcfaji] {
    display: inline-block;
    position: static;
    z-index: 1;
}


.icon-menu button[b-fpspfcfaji] {
    color: #000000;
    padding: 10px 15px 20px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
    background: transparent;
}

.icon-menu a[b-fpspfcfaji] {
    display: block;
    color: black;
    text-decoration: none;
    padding: 10px 15px;
}

.icon-menu .content[b-fpspfcfaji] {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100px;
    padding: 1px;
    text-align: left;
    border: 1px solid #c8c8c8;
    box-shadow: 1px 1px 2px #7d7d7d;
}

.icon-menu:hover .content[b-fpspfcfaji] {
    display: block;
}

.icon-menu:hover button[b-fpspfcfaji] {
    background-color: #c5d9fa;
}

.icon-menu a:hover[b-fpspfcfaji] {
    background-color: #ceddf5;
}

.icon-menu span[b-fpspfcfaji] {
    display: block;
    font-size: 12px;
}

.menu-display[b-fpspfcfaji] {
    display: flex;
    text-align: center;
}

.menuDropdownIcon[b-fpspfcfaji]::after {
    display: inline-block;
    margin-left: -0.745em;
    margin-top: -8px;
    vertical-align: 1.5em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.icon-menu img[b-fpspfcfaji] {
    width: 42px;
    display: block;
    margin: 0 auto;
}

.icon-menu span.menu-name[b-fpspfcfaji] {
    display: block;
    font-size: 12px;
}

.border-right[b-fpspfcfaji] {
    border-right: 1px solid #bec2cb;
}

.footer-section[b-fpspfcfaji] {
    padding: 10px;
    background-color: #747a85;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    text-align: right;
}

/*---------field menu start-------------*/
.fieldMenuMain[b-fpspfcfaji] {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 32px;
    /*flex: 1 1 auto;*/
}
#fieldMenuSidebar[b-fpspfcfaji] {
    height: calc(100vh - 280px);
    display: flex;
    flex-direction: column;
}
#fieldMenuSidebar ul li[b-fpspfcfaji] {
        list-style: none;
}
#fieldMenuSidebar .fas[b-fpspfcfaji] {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
    color: #000000;
}
#fieldMenuSidebar .fas .fa-times[b-fpspfcfaji]:before {
    content: "\f00d";
    font-size: 18px;
    color: #000000 !important;
}
#fieldMenuSidebar ul.sidebar-nav[b-fpspfcfaji] {
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
    flex: 1 1 auto;
    height: 100%;
    overflow: auto;
}
/*---------field menu end-------------*/

/*----------widgets menu area start -----------*/
.widgetsMenuMain[b-fpspfcfaji] {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 32px;
}

#widgetsSidebar[b-fpspfcfaji] {
    height: calc(100vh - 266px);
    display: flex;
    flex-direction: column;
}

#widgetsSidebar .widgets-icon[b-fpspfcfaji] {
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
    flex: 1 1 auto;
    height: 100%;
    overflow: auto;
}

.widgets-icon-box[b-fpspfcfaji] {
    padding: 0 10px;
}

.widgets-icon-box button[b-fpspfcfaji] {
    width: 100%;
    border: none;
    background-color: transparent;
}

.widgets-icon-box-inside[b-fpspfcfaji] {
    width: 94%;
    height: 120px;
    margin: 14px auto;
    padding: 12px 0 0;
    background-color: #ebebeb;
    /*border: 1px solid #b8dcf5;*/
    box-shadow: 1px 1px 2px #7d7d7d;
    text-align: center;
}

/*.widgets-icon-box-inside i.fa, .widgets-icon-box-inside i.fa-regular,
.widgets-icon-box-inside i.fa-solid, .widgets-icon-box-inside i.fa-brands {
    font-size: 60px;
    padding: 4px;
}*/
.widgets-icon-box-inside .fa-file-text[b-fpspfcfaji], .widgets-icon-box-inside .fa-regular[b-fpspfcfaji],
.widgets-icon-box-inside .fa-solid[b-fpspfcfaji], .widgets-icon-box-inside .fa-brands[b-fpspfcfaji] {
    font-size: 60px;
    padding: 4px;
 }
[b-fpspfcfaji] .icon-size {
    font-size: 60px;
    padding: 4px;
}

.widgets-footer[b-fpspfcfaji] {
    height: 100px;
    /*background-color: #4e6d9c;*/
}

.widgets-footer-inside[b-fpspfcfaji] {
    padding: 4px;
    margin-top: 6px;
    height: 200px;
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
}
/*----------widgets menu area end ------------*/

/*----------Image menu area start -----------*/
.image-icon[b-fpspfcfaji] {
    width: 96%;
    height: 55px;
    margin: 32px auto 5px auto;
    /*position: absolute;
    left: 0;*/
    padding: 6px 3px;
    background-color: #f0f0f0;
    box-shadow: 1px 1px 2px #7d7d7d;
}

.image-icon-inside img[b-fpspfcfaji] {
    width: 40px;
    margin: 2px 5px;
}

.image-icon-inside button[b-fpspfcfaji] {
    border: none;
    background-color: transparent;
}

.image-icon-image-area[b-fpspfcfaji] {
    width: 96%;
    height: calc(100% - 97px);
    margin: 2px auto 0 auto;
    padding: 3px 3px;
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
}

[b-fpspfcfaji] .e-menu-container {
    background-color: #bad9ff;
}
[b-fpspfcfaji] .e-menu-container .e-menu .e-menu-item.e-selected {
    background-color: #8ec6fe;
}
[b-fpspfcfaji] .e-menu-container .e-ul .e-menu-item.e-focused {
    background-color: #b3d9ff;
}
[b-fpspfcfaji] .e-file::before {
    content: "\e721";
}




/*-------------menu-middle start------------------*/
.menu-mobile-syncfusion[b-fpspfcfaji] {
    display: none;
}
[b-fpspfcfaji] .menu-mobile .e-menu-container {
    box-shadow: none;
    position: relative;
}
[b-fpspfcfaji] .menu-mobile-syncfusion .e-menu-container ul .e-menu-item {
    height: 65px;
}
[b-fpspfcfaji] .menu-mobile-syncfusion .e-menu-container ul .e-menu-item:hover {
    background-color: #bad9ff !important;
}
[b-fpspfcfaji] .e-menu-container .e-menu .e-menu-item.e-focused {
    outline: 0;
    outline-offset: 0;
    background-color: transparent;
}
[b-fpspfcfaji] .e-menu-container .e-menu .e-menu-item.e-selected {
    background-color: #bad9ff !important;
}
[b-fpspfcfaji] .menu-mobile-syncfusion .e-menu-container ul .e-menu-item .e-caret {
    right: 38% !important;
    top: 38px !important;
}
[b-fpspfcfaji] .menu-mobile-syncfusion .e-menu-container ul .e-menu-item.e-menu-caret-icon {
    padding: 10px 5px 20px !important;
}
.menu-mobile[b-fpspfcfaji] {
    display: none;
}
.menu-mobile .dropdown-menu[b-fpspfcfaji] {
    padding: 10px 0;
    margin: 0;
    border-radius: 0;
}

.menu-mobile .dropdown-submenu[b-fpspfcfaji] {
    position: relative;
    padding: 0;
    min-width: 100px !important;
}

.menu-mobile .dropdown-submenu:hover[b-fpspfcfaji] {
    background-color: #ceddf5;
}

.menu-mobile .dropdown-submenu a[b-fpspfcfaji] {
    color: #000;
    text-decoration: none !important;
    padding: 0;
}

.menu-mobile .dropdown-menu li .dropdown-item[b-fpspfcfaji] {
    padding: 0.25rem 1.5rem !important;
}

.menu-mobile .dropdown-menu li:hover .dropdown-item[b-fpspfcfaji] {
    background-color: #ceddf5;
}

.fa.fa-caret-right[b-fpspfcfaji] {
    position: absolute;
    right: 10px;
    font-size: 14px;
}

.menu-mobile .dropdown-submenu .dropdown-menu[b-fpspfcfaji] {
    width: 275px;
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
}

.menu-mobile .dropdown-submenu:hover .dropdown-menu[b-fpspfcfaji] {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: block;
}

.menu-mobile .dropdown-submenu .dropdown-menu li[b-fpspfcfaji] {
    padding: 0.25rem 1rem;
}

.menu-mobile .dropdown-submenu .dropdown-menu li:hover[b-fpspfcfaji] {
    background-color: #ceddf5;
}
/*-------------menu-middle end------------------*/
/*----------Image menu area end -----------*/
[b-fpspfcfaji] .email-edit-area {
    display: block;
    overflow: hidden;
    height: calc(100vh - 360px) !important;
}
/*---------new style for icon menu-------------*/

[b-fpspfcfaji] .input-text-area {
    background-color: transparent;
    border: 0;
    width: 100%;
}
/*---------new style for icon menu-------------*/

/*------------------widget drop style starts ----------------------*/
[b-fpspfcfaji] .lineTable {
    width: 100%;
}
[b-fpspfcfaji] .MultiArrayWidget {
    position: relative;
    padding: 15px 0 15px 0;
    margin: 15px 0 15px 0;
}
[b-fpspfcfaji] .MultiArrayWidget:hover {
    border: 1px solid grey;
}
[b-fpspfcfaji] .MultiArrayWidget:focus,
[b-fpspfcfaji] .MultiArrayWidgetSelected {
    outline: 1px solid blue;
}

[b-fpspfcfaji] .MultiArrayWidgetDropArea {
    padding-top: 15px;
    padding-bottom: 15px;
}
[b-fpspfcfaji] .dropZone {
    border: 2px dashed black;
    opacity: 0.6;
}
[b-fpspfcfaji] .mce-edit-focus {
    outline-width: 0px !important;
}
/* Only show the widget buttons when hoving on the widget */
[b-fpspfcfaji] .MultiArrayWidget button {
    display: none;
}
[b-fpspfcfaji] .MultiArrayWidget:hover button {
    display: block;
}
[b-fpspfcfaji] .MultiArrayWidget button {
    border: 2px solid black;
    border-radius: 5px;
    background-color: white;
    color: black;
    padding: 3px 5px;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

/* Hide the up/down icons on widgets at the top and bottom */
[b-fpspfcfaji] .MultiArrayWidgetDropArea div:first-of-type button.up,
[b-fpspfcfaji] .MultiArrayWidgetDropArea div:last-of-type button.down,
[b-fpspfcfaji] .hidden {
    display: none;
}
[b-fpspfcfaji] .MultiArrayWidgetDropArea div:last-of-type button.up {
    transform: translateY(-12px) translateX(-40px);
}
/* Edit Icon */
[b-fpspfcfaji] .MultiArrayWidget .edit {
    border-color: #f44336;
    color: dodgerblue;
    position: absolute;
    left: 8px;
    width: 30px;
    transform: translateY(-12px);
}

[b-fpspfcfaji] .MultiArrayWidget .edit:hover {
    background: #f44336;
    color: white;
}

/* Delete Icon */
[b-fpspfcfaji] .MultiArrayWidget .delete {
    border-color: #f44336;
    color: red;
    transform: translateY(-12px) translateX(-8px);
}
[b-fpspfcfaji] .MultiArrayWidget .delete:hover {
    background: #f44336;
    color: white;
}

/* Move Down Icon */
[b-fpspfcfaji] .MultiArrayWidget .down {
    border-color: #2196F3;
    color: dodgerblue;
    transform: translateY(-12px) translateX(-40px);
}
[b-fpspfcfaji] .MultiArrayWidget .down:hover {
    background: #2196F3;
    color: white;
}

/* Move Up Icon */
[b-fpspfcfaji] .MultiArrayWidget .up {
    border-color: #2196F3;
    color: dodgerblue;
    transform: translateY(-12px) translateX(-72px);
}
[b-fpspfcfaji] .MultiArrayWidget .up:hover {
    background: #2196F3;
    color: white;
}

/* Hide the megefield drag indicatior (it doesn't work)  */
.cke_widget_drag_handler_container[b-fpspfcfaji] {
    visibility: hidden;
    border: 0;
}
[b-fpspfcfaji] .widgets-text {
    font-size: 12px;
    color: #000;
    padding: 8px 0 0;
    display: block;
}
/*-------------------widget drop style ends -----------------------*/
@media(max-width:970px) {
    .icon-menu button[b-fpspfcfaji] {
        padding: 10px 9px 0;
    }
}


@media(max-width:768px) {
    #popupLogout .modal-dialog[b-fpspfcfaji] {
        /*margin-right: 0;
        width: 280px;*/
        width: 85%;
        right: 100px;
        margin: 60px auto;
    }
    .email-main[b-fpspfcfaji] {
        width: auto;
        position: relative;
    }
    
    .menu-mobile[b-fpspfcfaji] {
        display: block;
    }
    .mobile-view label[b-fpspfcfaji] {
        display: none;
    }
    .MultiArrayWidgetDropArea[b-fpspfcfaji] {
        border: 2px dashed black;
    }
    .btn-email[b-fpspfcfaji] {
        padding: 3px 15px;
    }
}

@media(max-width:580px) {
    .log-btn-div[b-fpspfcfaji] {
        padding-left: 0;
    }
    .btn-email[b-fpspfcfaji] {
        padding: 3px 2px;
    }
    .btn-email img[b-fpspfcfaji] {
        width: 46px;
    }
    [b-fpspfcfaji] .btn-form {
        /*width: 74px;*/
        min-width: 54px;
        padding: 3px 0;
    }
    [b-fpspfcfaji] .e-menu-container ul .e-menu-item.e-menu-caret-icon {
        padding: 0 2px !important;
    }
    [b-fpspfcfaji] .e-menu-container ul .e-menu-item .e-caret {
        right: 2px;
    }
    .btn-to[b-fpspfcfaji] {
        width: 54px;
        padding: 3px 0;
    }

    .email-btn-w[b-fpspfcfaji] {
        /*width: 85px;*/
    }

    .email-input-w-cal[b-fpspfcfaji] {
        width: calc(100% - 100px);
    }
    .email-input-w-cal input[b-fpspfcfaji]{
        padding: 3px 0;
    }
    .col-head-div[b-fpspfcfaji] {
        display: none;
    }
    
    .every-col[b-fpspfcfaji] {
        height: 80px;
    }
    .top-icon-menu-main[b-fpspfcfaji] {
        height: 170px;
    }
    [b-fpspfcfaji] .email-edit-area {
        height: calc(100vh - 410px) !important;
    }
    .email-edit-section-main[b-fpspfcfaji] {
        height: calc(100vh - 410px);
    }
    .email-main[b-fpspfcfaji] {
        height: calc(100vh - 270px);
    }
    .side-menu-col[b-fpspfcfaji] {
        height: calc(100vh - 270px);
    }
    .email-section-main[b-fpspfcfaji] {
        height: calc(100vh - 270px);
    }
    [b-fpspfcfaji] .widgets-text {
        padding: 0;
    }
}
/* _content/Email Manager/Shared/Alert.razor.rz.scp.css */
.alertMain[b-r81mcid2nr] {
    position: absolute;
    z-index: 999999;
    min-width: 100vw;
    padding-right: 2%;
    /*margin-left: 1%;
    margin-right: 1%;*/
}
.alert[b-r81mcid2nr] {
    border-radius: 0 !important;
}
.close-error[b-r81mcid2nr] {
    color: #cd3436;
    text-decoration: none;
    text-align: right;
    float: right;
    font-size: 26px;
    cursor: pointer;
}

.close-warning[b-r81mcid2nr] {
    color: #ff9000;
    text-decoration: none;
    text-align: right;
    float: right;
    font-size: 26px;
    cursor: pointer;
}

.close-info[b-r81mcid2nr] {
    color: #0082e7;
    text-decoration: none;
    text-align: right;
    float: right;
    font-size: 26px;
    cursor: pointer;
}

.close-success[b-r81mcid2nr] {
    color: #04b715;
    text-decoration: none;
    text-align: right;
    float: right;
    font-size: 26px;
    cursor: pointer;
}

@media (max-width: 640px) {
    /*.alertMain {
        margin-left: 1.5%;
    }*/
}
/* _content/Email Manager/Shared/EmailSearch.razor.rz.scp.css */
body[b-w041wxl19i] {
}

[b-w041wxl19i] .btn-search {
    padding: 2px 18px;
    background-color: #bdd3fd;
    border-radius: 0;
}
[b-w041wxl19i] .btn-search:hover {
    padding: 2px 18px;
    background-color: #a7c5fe;
    border-radius: 0;
}

.search-drag-area[b-w041wxl19i] {
    height: 40px;
    /*border: 1px solid #bfb9b9;*/
}
[b-w041wxl19i] #AR1OQDGULBRA7 > thead > tr:nth-child(2) {
    /*display: none;*/
}
[b-w041wxl19i] div.agency {
    width: 100%;
    min-height: 30px;
    /*background-color: beige;*/
}
[b-w041wxl19i] .agency.btn-group > .btn {
    position: relative;
    flex: 1 1 auto;
    border: 1px solid #ced4da;
    background-color: transparent;
    padding: 2px 20px 2px 8px;
    font-size: 13px;
    border-radius: 0.25rem;
    text-align: left;
    white-space: break-spaces;
}
[b-w041wxl19i] .agency .dropdown-toggle::after {
    position: absolute;
    right: 6px;
    top: 11px;
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}
[b-w041wxl19i] .agency .dropdown-menu.show {
    width: 100%;
    height: 300px;
    overflow: auto;
    display: block;
    border-radius: 0;
}
[b-w041wxl19i] .agency .dropdown-head {
    width: 100%;
}

[b-w041wxl19i] .agency .dropdown-head .row {
    --bs-gutter-x: 0;
}
[b-w041wxl19i] .agency .dropdown-head .drop-col-head {
    background-color: #f0f0f0;
    color: #a0a0a0;
    padding: 6px 0 0 6px;
    margin: -7px 0 4px 0;
}
[b-w041wxl19i] .agency .dropdown-head .drop-col-head h4{
    font-size: 16px;
}

[b-w041wxl19i] .agency .dropdown-item {
    font-size: 12px;
    padding: 2px 6px;
}
[b-w041wxl19i] .agency .dropdown-left-col, .dropdown-right-col[b-w041wxl19i] {
    display: block;
    white-space: break-spaces;
    word-break: break-all;
    overflow: hidden;
}
[b-w041wxl19i] .agency .dropdown-left-col {
    border-right: 1px solid #ced4da;
}
.subject-select-main[b-w041wxl19i] {
    /*border: 1px solid #bfb9b9;*/
}
[b-w041wxl19i] button .btn-search-icon {
    background-color: #a7c5fe !important;
    padding: 2px;
}
[b-w041wxl19i] .dropdown-main .form-select-sm {
    min-height: 38px;
}
[b-w041wxl19i] div.email-edit-area {
    /*height: calc(100vh - 360px);
    overflow: auto;*/
}
[b-w041wxl19i] .grid-body {
    width: 100%;
    height: 600px;
    display: block;
    overflow: auto;
}

/*@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
    }
}*/
/* _content/Email Manager/Shared/FieldPicker.razor.rz.scp.css */
/* _content/Email Manager/Shared/ImagePicker.razor.rz.scp.css */
/* _content/Email Manager/Shared/MainLayout.razor.rz.scp.css */
.page[b-nz8o0nfye6] {
    position: relative;
    display: flex;
    flex-direction: column;
}
main[b-nz8o0nfye6] {
    flex: 1;
}
.sidebar[b-nz8o0nfye6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
.top-row[b-nz8o0nfye6] {
    /*background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;*/
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}
.top-row[b-nz8o0nfye6]  a, .top-row .btn-link[b-nz8o0nfye6] {
    white-space: nowrap;
    margin-left: 1.5rem;
}
.top-row a:first-child[b-nz8o0nfye6] {
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-nz8o0nfye6] {
        display: none;
    }
    .top-row.auth[b-nz8o0nfye6] {
        justify-content: space-between;
    }
    .top-row a[b-nz8o0nfye6], .top-row .btn-link[b-nz8o0nfye6] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-nz8o0nfye6] {
        flex-direction: row;
    }
    .top-row[b-nz8o0nfye6], article[b-nz8o0nfye6] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sidebar[b-nz8o0nfye6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    .top-row[b-nz8o0nfye6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}
/* _content/Email Manager/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-vrmtffgvqi] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-vrmtffgvqi] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-vrmtffgvqi] {
    font-size: 1.1rem;
}

.oi[b-vrmtffgvqi] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-vrmtffgvqi] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-vrmtffgvqi] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-vrmtffgvqi] {
        padding-bottom: 1rem;
    }

    .nav-item[b-vrmtffgvqi]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-vrmtffgvqi]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-vrmtffgvqi]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-vrmtffgvqi] {
        display: none;
    }

    .collapse[b-vrmtffgvqi] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-vrmtffgvqi] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Email Manager/Shared/RecipientSourcePicker.razor.rz.scp.css */
.input-group-text[b-28f5no1wew] {
    padding: 0 !important;
    border-radius: 0;
}
.form-check[b-28f5no1wew] {
    padding-left: 0.75em;
}
.note[b-28f5no1wew]{
    margin: 0.25rem 0;
    font-size: 14px;
}
.search-head-note[b-28f5no1wew] {
    margin-top: 10px;
    padding: 5px 0 5px 10px;
}
.search-head-div[b-28f5no1wew] {
    padding: 7px 0 7px 10px;
    background-color: #d2d2d2;
    border: 1px solid #bebebe;
}
.search-head-text[b-28f5no1wew] {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
}
/*::deep .grid-body {
    width: 100%;
    height: 600px;
    display: block;
    overflow: auto;
}*/
/* _content/Email Manager/Shared/TreeNode.razor.rz.scp.css */
/*---------field menu start-------------*/
/*.fieldMenuMain {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 32px;
}

#fieldMenuSidebar {
    background-color: #dcdcdc;
}*/

.fieldMenuMain[b-zgg855pb1g] {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 32px;
    /*flex: 1 1 auto;*/
}

#fieldMenuSidebar[b-zgg855pb1g] {
    height: calc(100vh - 266px);
    display: flex;
    flex-direction: column;
}

#fieldMenuSidebar ul li[b-zgg855pb1g] {
    list-style: none;
}

#fieldMenuSidebar .fas[b-zgg855pb1g] {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
    color: #000000;
}

#fieldMenuSidebar .fas .fa-times[b-zgg855pb1g]:before {
    content: "\f00d";
    font-size: 18px;
    color: #000000 !important;
}

#fieldMenuSidebar ul.sidebar-nav[b-zgg855pb1g] {
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
    flex: 1 1 auto;
    height: 100%;
    overflow: auto;
}

.sidebar-nav i.fa[b-zgg855pb1g] {
    padding-right: 10px;
}

.sidebar-nav i.fas[b-zgg855pb1g] {
    padding-right: 50px;
    position: inherit;
}

.sidebar-item[b-zgg855pb1g] {
    position: relative;
}

a.sidebar-link[b-zgg855pb1g] {
    padding: .5rem 0.5rem;
    color: #000000;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
    text-decoration: none;
}

a.sidebar-link span[b-zgg855pb1g] {
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 2px;
}

.navbar-nav li > a.mobile-menu[b-zgg855pb1g] {
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
}

a.sidebar-link span.mobile-menu[b-zgg855pb1g] {
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
}

a.sidebar-link span i.fas[b-zgg855pb1g] {
    margin-right: 10px;
}

[b-zgg855pb1g] .sidebar-dropdown a.sidebar-link {
    padding-top: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    padding-left: var(--paddingleft) !important;
}


/*#recipient li a.sidebar-link {
    padding: 0.3rem 0.3rem 0.3rem 2rem;
}

#details li a.sidebar-link {
    padding: 0.3rem 0.3rem 0.3rem 2.5rem;
}*/

a.sidebar-link:hover[b-zgg855pb1g] {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #a19e9e;
}

.sidebar-link[data-bs-toggle="collapse"][b-zgg855pb1g]::after {
    border: solid;
    border-width: 0 .18rem .18rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

.sidebar-link[data-bs-toggle="collapse"].collapsed[b-zgg855pb1g]::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}



.sidebar-footer[b-zgg855pb1g] {
    height: 100px;
    background-color: #4e6d9c;
}

.sidebar-footer-inside[b-zgg855pb1g] {
    padding: 4px;
    margin-top: 6px;
    height: 200px;
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
}
/*---------field menu end-------------*/
/* _content/Email Manager/Shared/WidgetButtons.razor.rz.scp.css */
/* _content/Email Manager/Shared/WidgetImages.razor.rz.scp.css */

[b-5r75jr6f47] .form-group select {
    width: 100%;
    padding: 5px;
}
[b-5r75jr6f47] .form-control {
    padding: .05rem .75rem;
}
.form-group input.number[b-5r75jr6f47] {
    width: 100%;
}

.col-head[b-5r75jr6f47] {
    /*height: 35px;*/
    background-color: #d2d2d2;
    border: 1px solid #c8c8c8;
    padding: 6px 0 0 6px;
}

.col-head-blue[b-5r75jr6f47] {
    /*height: 35px;*/
    background-color: #4e6d9c;
    color: #fff;
    border: 1px solid #c8c8c8;
    padding: 6px 0 0 6px;
}

.header-text[b-5r75jr6f47] {
    font-weight: 600;
}

.source-section[b-5r75jr6f47] {
    /*height: 225px;
    background-color: aqua;*/
    display: block;
}

.source-section label[b-5r75jr6f47] {
    font-size: 16px;
}

.image-area-left[b-5r75jr6f47], .image-area-right[b-5r75jr6f47] {
    background-color: #f0f0f0;
    border: 1px solid #c8c8c8;
    padding: 6px;
    height: calc(100vh - 588px);
    display: block;
    overflow: auto;
}


.select-main[b-5r75jr6f47] {
    padding: 0 1rem 0 1rem;
    margin: 0;
}

.select-search-inside[b-5r75jr6f47] {
    width: 100%;
    height: 80px;
    /*background-color: aqua;*/
}

.select-img[b-5r75jr6f47] {
    padding: 0;
    margin: 4px 0;
}
.select-img.active[b-5r75jr6f47]{
    padding: 6px;
    background-color: #4a8cff;
}

.select-img img[b-5r75jr6f47] {
    width: 100%;
    min-height: 176px;
}

.all-group-img[b-5r75jr6f47] {
    width: 100%;
    padding: 0;
    margin: 4px 0;
}
[b-5r75jr6f47] .all-group-img.active{
    padding: 6px;
    background-color: #4a8cff;
}

.all-group-img img[b-5r75jr6f47] {
    width: 100%;
    min-height: 298px;
}
.all-group-sub-head[b-5r75jr6f47] {
    background-color: lightgrey;
    font-weight: 600;
    font-size: 14px;
}

.form-control[b-5r75jr6f47] {
    padding: .1rem .75rem;
}

.input-group-text[b-5r75jr6f47] {
    background-color: #ceddf5;
    border-top-left-radius: 0;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: 0;
}

.all-groups-image-area[b-5r75jr6f47] {
    height: calc(100vh - 720px);
    background-color: #f0f0f0;
    border: 1px solid #c8c8c8;
    padding: 2px;
    display: block;
    overflow: auto;
}

.btn-all[b-5r75jr6f47] {
    text-align: left;
    font-size: 14px;
    width: 114px;
    display: block;
    padding: 8px;
    margin: 8px 8px;
    border: none;
    box-shadow: 1px 1px 2px #7d7d7d;
}
[b-5r75jr6f47] .fa-angle-double-right {
    padding-right: 14px;
}
[b-5r75jr6f47] .fa-angle-double-left {
    padding-right: 30px;
}

[b-5r75jr6f47] .fa-plus {
    padding-right: 28px;
}

[b-5r75jr6f47] .fa-minus {
    padding-right: 28px;
}

.btn-all .fas[b-5r75jr6f47], .btn-all .fa[b-5r75jr6f47] {
    width: 30px;
}

[b-5r75jr6f47] .icon-normal {
    display: inline-block;
}
[b-5r75jr6f47] .search-result-image-checkbox {
    display: none;
    position: absolute;
    top: 12px;
    left: 12px;
}
[b-5r75jr6f47] .search-result-image-box {
    position: relative;
}
[b-5r75jr6f47] .search-result-image-checkbox input[type='checkbox'] {
    width: 30px;
    height: 30px;
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    cursor: pointer;
}
[b-5r75jr6f47] .search-result-image-checkbox input[type='checkbox']:checked::after {   
    content: "✔";
    color: #0a469f;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    left: 2px;
    top: -2px;
}
[b-5r75jr6f47] .selected-image-checkbox {
    display: none;
    position: absolute;
    top: 8px;
    left: 18px;
}
[b-5r75jr6f47] .selected-image-box {
    position: relative;
}
[b-5r75jr6f47] .selected-image-checkbox input[type='checkbox'] {
    width: 20px;
    height: 20px;
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    cursor: pointer;
}
[b-5r75jr6f47] .selected-image-checkbox input[type='checkbox']:checked::after {
    content: "✔";
    color: #0a469f;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: 2px;
    top: -2px;
}
@media(max-width:970px) {
}


@media(max-width:768px) {
    [b-5r75jr6f47] .form-group select {
        font-size: 14px;
    }
    [b-5r75jr6f47] .form-control {
        font-size: 14px;
    }
    .all-groups-image-area[b-5r75jr6f47] {
        height: auto;
    }

    .source-section label[b-5r75jr6f47] {
        font-size: 12px;
    }

    .select-main[b-5r75jr6f47] {
        padding: 0;
        margin: 0.5rem 0;
    }
    .select-img[b-5r75jr6f47] {
        margin: 2px 0;
        padding: 2px;
    }
    .select-img img[b-5r75jr6f47] {
        min-height: 92px;
    }
    .col-head[b-5r75jr6f47] {
        padding: 3px 0 0 3px;
    }

    .col-head-blue[b-5r75jr6f47] {
        padding: 3px 0 0 3px;
    }
    .btn-all[b-5r75jr6f47] {
        width: 80px;
        font-size: 11px;
        text-align: center;
    }
    .col-head h6[b-5r75jr6f47], .col-head-blue h6[b-5r75jr6f47]{
        font-size: 14px;
    }
    [b-5r75jr6f47] .icon-normal {
        display: none;
    }


    /*::deep .fa-angle-double-right {
        padding-right: 6px;
    }

    ::deep .fa-angle-double-left {
        padding-right: 15px;
    }
    
    ::deep .fa-plus {
        padding-right: 14px;
    }

    ::deep .fa-minus {
        padding-right: 14px;
    }

    .btn-all .fas, .btn-all .fa {
        width: 20px;
    }*/
    [b-5r75jr6f47] .search-result-image-checkbox {
        display: block;
    }
    [b-5r75jr6f47] .selected-image-checkbox {
        display: block;
    }
}
@media(max-width:580px) {
    [b-5r75jr6f47] .form-group select {
        font-size: 12px;
    }
    [b-5r75jr6f47] .form-control {
        font-size: 12px;
    }
    .image-area-left[b-5r75jr6f47] {
        height: calc(100vh - 754px);
        min-height: 124px;
    }
    .image-area-right[b-5r75jr6f47] {
        height: calc(100vh - 618px);
        min-height: 160px;
    }
    .all-group-img img[b-5r75jr6f47] {
        min-height: 122px;
    }
    .btn-all[b-5r75jr6f47] {
        width: 63px;
        font-size: 11px;
    }
    .select-main[b-5r75jr6f47] {
        padding: 0;
        margin: 0.5rem 0 1rem 0;
    }
}
/* _content/Email Manager/Shared/WidgetLine.razor.rz.scp.css */
[b-5g0xj2j0iv] .value-box {
    width: 100%;
    display: block;
    background-color: #fff;
    color: #333;
    padding: 2px 4px;
    border: 1px solid #333;
    box-shadow: 1px 1px 2px #7d7d7d;
}
[b-5g0xj2j0iv] .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
    top: calc(50% - 9px);
}
[b-5g0xj2j0iv] .e-control-wrapper.e-slider-container .e-slider .e-handle {
    border-radius: 0;
    height: 18px;
    width: 8px;
}
[b-5g0xj2j0iv] .e-control-wrapper.e-slider-container.e-horizontal {
    height: 28px;
}
/* _content/Email Manager/Shared/WidgetListingInfo.razor.rz.scp.css */
.listing-section[b-06ofttgc50] {
    background-color: #f0f0f0;
    padding: 4px 12px 12px 0;
    border: 1px solid #c8c8c8;
    height: 74vh;
    display: block;
    overflow: auto;
}

.col-header-text-area[b-06ofttgc50] {
    height: 200px;
    background-color: #fff;
    border-top: 1px solid #c8c8c8;
    padding: 4px 10px;
    display: block;
    overflow: auto;
}

.title[b-06ofttgc50] {
    text-align: right;
    padding: 0 20px 0 0;
}
.dept-caption-normal[b-06ofttgc50] {
    display: block;
}
.dept-caption-mobile[b-06ofttgc50] {
    display: none;
}
.input-group-text[b-06ofttgc50] {
    background-color: #ceddf5;
    border-top-left-radius: 0;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: 0;
}

.form-control[b-06ofttgc50] {
    padding: .1rem .75rem;
}

.col-header-main[b-06ofttgc50] {
    border: 1px solid #c8c8c8;
    padding: 0;
    margin: 0;
}

.col-head[b-06ofttgc50] {
    padding: 4px 8px;
}

.col-head-drak[b-06ofttgc50] {
    padding: 4px 8px;
    background-color: #d2d2d2;
    font-weight: 600;
}

.sp-border[b-06ofttgc50] {
    width: 100%;
    border: 1px solid #c8c8c8;
}

.table-header[b-06ofttgc50] {
    border-right: 1px solid #c8c8c8;
}

.display-listing-area[b-06ofttgc50] {
    border-top: 1px solid #c8c8c8;
    padding: 4px 10px;
    display: block;
    overflow: auto;
}
.mb-mobile[b-06ofttgc50]{
    margin-bottom: 0;
}
@media(max-width:768px) {
    .title[b-06ofttgc50] {
        padding: 0 3px 0 0;
        font-size: 14px;
    }
    .dept-caption-mobile[b-06ofttgc50] {
        display: block;
    }
    .dept-caption-normal[b-06ofttgc50] {
        display: none;
    }

    label[b-06ofttgc50] {
        font-size: 14px;
    }
    .listing-section[b-06ofttgc50] {
        height: 80vh;
    }
    [b-06ofttgc50] thead {
        font-size: 14px;
    }
    [b-06ofttgc50] tbody {
        font-size: 14px;
    }
    .mb-mobile[b-06ofttgc50] {
        margin-bottom: 1.5rem;
    }
}

@media(max-width:580px) {
    .title[b-06ofttgc50] {
        padding: 0;
        font-size: 12px;
    }

    label[b-06ofttgc50] {
        font-size: 12px;
    }
    [b-06ofttgc50] thead {
        font-size: 12px;
    }

    [b-06ofttgc50] tbody {
        font-size: 12px;
    }
    .mb-mobile[b-06ofttgc50] {
        margin-bottom: 2.5rem;
    }

}
/* _content/Email Manager/Shared/WidgetListingStripList.razor.rz.scp.css */
.listing-strip-list-section[b-spl14361la] {
    background-color: #f0f0f0;
    padding: 4px 12px 12px 0;
    border: 1px solid #c8c8c8;
    height: 55vh;
    display: block;
    overflow: auto;
}

.title[b-spl14361la] {
    text-align: right;
    padding: 0 20px 0 0;
}

.dept-caption-normal[b-spl14361la] {
    display: block;
}

.dept-caption-mobile[b-spl14361la] {
    display: none;
}

.form-control[b-spl14361la] {
    padding: .1rem .75rem;
}

.col-header-main[b-spl14361la] {
    border: 1px solid #c8c8c8;
    padding: 0;
    margin: 0 4px;
}

.col-head-drak[b-spl14361la] {
    padding: 4px 8px;
    background-color: #d2d2d2;
    font-weight: 600;
}

.sp-border[b-spl14361la] {
    width: 100%;
    border: 1px solid #c8c8c8;
}

.table-header[b-spl14361la] {
    border-right: 1px solid #c8c8c8;
}

.display-listing-area[b-spl14361la] {
    border-top: 1px solid #c8c8c8;
    padding: 4px 10px;
    display: block;
    overflow: auto;
}

input.number[b-spl14361la] {
    width: 100px;
}

@media(max-width:768px) {
    .listing-strip-list-section[b-spl14361la] {
        height: 80vh;
        padding: 4px 4px 4px 0;
    }
    .title[b-spl14361la] {
        padding: 0 3px 0 0;
        font-size: 14px;
    }

    label[b-spl14361la] {
        font-size: 14px;
    }

    .dept-caption-mobile[b-spl14361la] {
        display: block;
    }

    .dept-caption-normal[b-spl14361la] {
        display: none;
    }
    .col-header-main[b-spl14361la] {
        margin: 0 -2px;
    }
    .mb-mobile[b-spl14361la] {
        margin-bottom: 1.5rem;
    }
}

@media(max-width:580px) {
    .title[b-spl14361la] {
        padding: 0;
        font-size: 12px;
    }

    label[b-spl14361la] {
        font-size: 12px;
    }
    .mb-mobile[b-spl14361la] {
        margin-bottom: 2.5rem;
    }
}
/* _content/Email Manager/Shared/WidgetPicker.razor.rz.scp.css */
.widgets-icon-box[b-e978xu0hnu] {
    padding: 0 10px;
}

.widgets-icon-box button[b-e978xu0hnu] {
    width: 100%;
    border: none;
    background-color: transparent;
}

.widgets-icon-box-inside[b-e978xu0hnu] {
    width: 94%;
    height: 120px;
    margin: 14px auto;
    padding: 12px 0 0;
    background-color: #ebebeb;
    /*border: 1px solid #b8dcf5;*/
    box-shadow: 1px 1px 2px #7d7d7d;
    text-align: center;
}

.widgets-icon-box-inside .fa-file-text[b-e978xu0hnu], .widgets-icon-box-inside .fa-regular[b-e978xu0hnu],
.widgets-icon-box-inside .fa-solid[b-e978xu0hnu], .widgets-icon-box-inside .fa-brands[b-e978xu0hnu] {
        font-size: 60px;
        padding: 4px;
}

[b-e978xu0hnu] .icon-size {
    font-size: 60px;
    padding: 4px;
}

.widgets-footer[b-e978xu0hnu] {
    height: 100px;
    /*background-color: #4e6d9c;*/
}

.widgets-footer-inside[b-e978xu0hnu] {
    padding: 4px;
    margin-top: 6px;
    height: 200px;
    background-color: #f0f0f0;
    border: 1px solid #bfb9b9;
}

@media(max-width:768px) {
    .widgets-text[b-e978xu0hnu] {
        font-size: 12px;
        padding: 0;
    }
    [b-e978xu0hnu] .icon-size {
        height: 58px;
        padding: 0;
    }
}
@media(max-width: 580px) {
    
}
/* _content/Email Manager/Shared/WidgetSocialMedia.razor.rz.scp.css */
[b-zf3700zamj] .form-group select {
    width: 100%;
    padding: 5px;
}
[b-zf3700zamj] label{
    font-size: 16px;
}
[b-zf3700zamj] span.e-list-text {
    font-size: 16px;
}
/*::deep .form-control {
    padding: .05rem .75rem;
}

.form-group input.number {
    width: 100%;
}*/
.media-section[b-zf3700zamj] {
    background-color: #f0f0f0;
    padding: 4px 12px 12px 0;
    border: 1px solid #c8c8c8;
}

.checked-List-Box[b-zf3700zamj] {
    height: 230px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    padding: 4px;
    display: block;
    overflow: auto;
}

.updown-arrow[b-zf3700zamj] {
    position: relative;
}

.up-arrow[b-zf3700zamj] {
    position: absolute;
    top: 0;
    left: 7px;
    font-size: 40px;
}

.down-arrow[b-zf3700zamj] {
    position: absolute;
    bottom: 0;
    left: 7px;
    font-size: 40px;
}

.updown-btn[b-zf3700zamj] {
    text-align: left;
    display: block;
    padding: 8px;
    border: none;
    box-shadow: 1px 1px 2px #7d7d7d;
}

.fa-arrow-alt-circle-up[b-zf3700zamj] {
    color: #4dcafe;
}

.fa-arrow-alt-circle-down[b-zf3700zamj] {
    color: #4dcafe;
}

.title[b-zf3700zamj] {
    text-align: right;
    padding: 0 20px 0 0;
    font-size: 16px;
}

.style-icon[b-zf3700zamj] {
    font-size: 50px;
    padding: 20px 0;
    text-align: center;
    background-color: #fff;
    border-right: 1px dotted #b5b5b5;
}

.size-icon1[b-zf3700zamj] {
    height: 130px;
    font-size: 90px;
    padding: 2px 0;
    text-align: center;
    background-color: #fff;
    border-right: 1px dotted #b5b5b5;
}

.size-icon2[b-zf3700zamj] {
    height: 130px;
    font-size: 50px;
    padding: 30px 0;
    text-align: center;
    background-color: #fff;
    border-right: 1px dotted #b5b5b5;
}

.size-icon3[b-zf3700zamj] {
    height: 130px;
    font-size: 20px;
    padding: 52px 0;
    text-align: center;
    background-color: #fff;
    border-right: 1px dotted #b5b5b5;
}

.icon-blue[b-zf3700zamj] {
    color: #3a549f;
}

@media(max-width:768px) {
    [b-zf3700zamj] .form-group select {
        font-size: 14px;
    }
    .up-arrow[b-zf3700zamj] {
        font-size: 25px;
    }

    .down-arrow[b-zf3700zamj] {
        font-size: 25px;
    }

    .title[b-zf3700zamj] {
        padding: 0 3px 0 0;
        font-size: 14px;
    }
    [b-zf3700zamj] label {
        font-size: 14px;
    }
    [b-zf3700zamj] span.e-list-text {
        font-size: 14px;
    }

    .style-icon[b-zf3700zamj] {
        font-size: 32px;
        padding: 12px 0;
    }

    .size-icon1[b-zf3700zamj] {
        height: 100px;
        font-size: 70px;
    }

    .size-icon2[b-zf3700zamj] {
        height: 100px;
        font-size: 35px;
        padding: 30px 0;
    }

    .size-icon3[b-zf3700zamj] {
        height: 100px;
        font-size: 20px;
        padding: 40px 0;
    }
    
}

@media(max-width:580px) {
    [b-zf3700zamj] .form-group select {
        font-size: 12px;
    }
    .up-arrow[b-zf3700zamj] {
        font-size: 16px;
        left: 5px;
    }

    .down-arrow[b-zf3700zamj] {
        font-size: 16px;
        left: 5px;
    }
    .title[b-zf3700zamj] {
        padding: 0;
        font-size: 12px;
    }
    [b-zf3700zamj] label {
        font-size: 12px;
    }
    [b-zf3700zamj] span.e-list-text {
        font-size: 12px;
    }
    .style-icon[b-zf3700zamj] {
        font-size: 32px;
        padding: 2px 0;
    }
    .size-icon1[b-zf3700zamj] {
        height: 82px;
        font-size: 60px;
        padding: 0;
    }
    .size-icon2[b-zf3700zamj] {
        height: 82px;
        padding: 18px 0;
    }

    .size-icon3[b-zf3700zamj] {
        height: 82px;
        padding: 28px 0;
    }
}
/* _content/Email Manager/Shared/WidgetSpacer.razor.rz.scp.css */